﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="ContactLienhe.aspx.cs" Inherits="ProjectSem3.WebForm13" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
    #containerjjj {
  width: 840px;
  margin: 25px auto;
}

.whysignjjj {
  float: left;

  width: 480px;
  height: 347px;
  border-radius: 0 5px 5px 0;
  padding-top: 20px;
  padding-right: 20px;
}

.signupjjj {
  float: left;
  width: 300px;
  padding: 30px 20px;

  text-align: center;
  border-radius: 5px 0 0 5px;
}

[type=text] {
  display: block;
  margin: 0 auto;
  width: 80%;
  border: 0;
  border-bottom: 2px solid #000;
  height: 45px;
  line-height: 45px;  
  margin-bottom: 10px;
  font-size: 22px;
  color: #ee7600;
  font-family: Agency FB;
}

[type=submit] {
  margin-top: 25px;
  width: 80%;
  border: 0;
  background-color: #EE7600;
  border-radius: 5px;
  height: 50px;
  color: Black;
  font-weight: 400;
  font-size: 20px;
  font-family: Agency FB;
  cursor:pointer;
}

[type='text']:focus {
  outline: none;
  border-color: #EE7600;
}

h1jjj {
  color: rgba(0,0,0,.7);
  font-weight: 900;
  font-size: 2.5em;
}

pjjj {
  color: rgba(0,0,0,.6);
  font-size: 1.2em;
  margin: 50px 0 50px 0;
}

spanjjj {
  font-size: .75em;
  background-color: white;
  padding: 2px 5px;
  color: rgba(0,0,0,.6);
  border-radius: 2px;
  box-shadow: 1px 1px 1px rgba(0,0,0,.3);
  margin: 5px;
}

span:hover {
  color: #53CACE;
}

p:nth-of-type(2) {
  font-size: 1em;
}
    
    .showw44
{
    width: 95%;
    margin-top: 10px;
    margin:0 auto;
    margin-bottom: 10px;
    box-shadow: 0px 2px 5px #ccc;
    text-align:left;
    color:Black;
    padding:10px;
    background-color:#000;

}
.showw36
{
    width: 95%;
    margin-top: 5px;
    margin:0 auto;
    margin-bottom: 10px;
    box-shadow:inset 0px 0px 70px #EE7600;
    text-align:left;
    color:Black;
    padding:20px;
    background-color:#fff;

}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class=" details">
        <div class="show_title">
            <asp:HyperLink ID="HyperLink2" runat="server" Font-Size="20px" ForeColor="White"
                ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">Contact</asp:HyperLink>
        </div>
        <div class="showw44">
            <div class="showw36">
                <div id='containerjjj'>
                    <div class='signupjjj'>
                        
                        <asp:TextBox ID="TextBoxname" runat="server" placeholder='Name:' ></asp:TextBox>
                        <asp:TextBox ID="TextBoxemail" runat="server" placeholder='Email:'></asp:TextBox>
           
                        <asp:TextBox ID="TextBoxnoidung" runat="server" TextMode="MultiLine" style="margin: 2px; width: 240px; height: 110px; max-width:240px; min-width:240px;"></asp:TextBox>
                  
                        <asp:Button ID="ButtonSignin" runat="server" Text="Submit" OnClick="ButtonSignin_Click" />
                  
</div>

                    <div class='whysignjjj'>
                        <h1jjj>I Mobile</h1jjj>
                        <br />
                        <pjjj>Office:  392-394 Hoang Van Thu Street,Dictrict Binh Tan, HCMC<br />
Tel: 0908744520 - Fax: 123456789 - Hotline: 1900 999999<br />
Email: customercare @imobile.com - Website: www.imobile.com</pjjj>
                        <br />
                    </div>
                </div>
                <div style="clear: both;">
                </div>
            </div>
        </div>
            <div class="show">
            <div class="show_title">
                <asp:HyperLink ID="HyperLink3" runat="server" Font-Size="20px" ForeColor="White"
                    ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">New Mobile</asp:HyperLink>
            </div>
            <div class="show_contentTrangorder">
                <div id="amazingcarousel-container-1">
                        <div id="amazingcarousel-1" style="display: block; position: relative; width: 100%;
                            max-width: 720px; margin: 0px auto 0px;">
                            <div class="amazingcarousel-list-container" style="overflow: hidden;">
                                <ul class="amazingcarousel-list">
                                    <asp:Repeater ID="Repeater_Product" runat="server" OnItemDataBound="Repeater_Product_ItemDataBound">
                                        <ItemTemplate>
                                            <li class="amazingcarousel-item">
                                        <asp:HiddenField runat="server" ID="productID" Value='<%# Eval("ProductID") %>' />
                                        <div class="amazingcarousel-item-container">
                                            <div class="amazingcarousel-image">
                                                <a href='Detail.aspx?id=<%# Eval("ProductID") %>'>
                                                    <asp:Image ID="image" runat="server" />
                                            </div>
                                            <div class="amazingcarousel-title">
                                                <h3><%# Eval("Name") %></h3>
                                                <h3><cite class="price"><%# Eval("Price")%>₫</cite></h3>
                                            </div>
                                            <div class="amazingcarousel-description">
                                            </div>
                                        </div>
                                    </li>
                                        </ItemTemplate>
                                    </asp:Repeater>                                    
                                </ul>
                            </div>
                            <div class="amazingcarousel-prev">
                            </div>
                            <div class="amazingcarousel-next">
                            </div>
                        </div>
                    </div>
            </div>
        </div>
        <div style="clear: both;margin-bottom:100px;">
        </div>
    </div>
</asp:Content>
